/* CSS Document */

body{margin:0; padding:0;}

.frame_popup{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1000;}
.frame_popup .overlay{background-color:#000; background:rgba(0, 0, 0, 0.7); position:fixed; left:0; top:0; right:0; bottom:0;}
.tabWrap{ width:1186px; position:absolute; left:50%; top:200px; margin:0 0 0 -593px;}
.tabWrap:before{ background:url(../images/tab_frame.png) no-repeat left top; width:1186px; height:84px; position:absolute; top:-84px; content:"";left:0; right:0;}
.tabWrap:after{ background:url(../images/tab_frame.png) no-repeat left bottom; width:1186px; height:84px; position:absolute; bottom:-84px; left:0; right:0; content:"";}

.tabletWrap{ width:1066px; position:absolute; left:50%; top:200px; margin:0 0 0 -593px;}
.tabletWrap:before{ background:url(../images/tablet_frame.png) no-repeat left top; width:1066px; height:84px; position:absolute; top:-84px; content:"";left:0; right:0;}
.tabletWrap:after{ background:url(../images/tablet_frame.png) no-repeat left bottom; width:1066px; height:84px; position:absolute; bottom:-84px; left:0; right:0; content:"";}

.frameContainer{ background:#fff url(../images/tab_midd.png) repeat-y;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 83px; position:relative;}
.frameContainer:before{ background:url(../images/cam.jpg) no-repeat; width:20px; height:19px; position:absolute; left:30px; top:50%; margin:-9px 0 0 0;content:"";}
.frameContainer:after{ background:url(../images/start_btn.jpg) no-repeat; width:62px; height:59px; position:absolute; right:14px; top:50%; margin:-30px 0 0 0; content:"";}

.tabletframeContainer{ background:#fff url(../images/tablet_midd.png) repeat-y;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 28px; position:relative;}
.tabletframeContainer:before{ background:url(../images/cam.jpg) no-repeat; width:20px; height:19px; position:absolute; left:30px; top:50%; margin:-9px 0 0 0;content:"";}
.tabletframeContainer:after{ background:url(../images/start_btn.jpg) no-repeat; width:62px; height:59px; position:absolute; right:14px; top:50%; margin:-30px 0 0 0; content:"";}

.linkclose{position:absolute; right:40px; top:-50px; background:url(../images/link_close.png) no-repeat; width:14px; height:15px;}


.phoneWrap{ width:400px; position:absolute; left:50%; top:200px; margin:0 0 0 -200px;
background:#fff url(../images/iphone_midd.png) repeat-y;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 50px; position:relative;}
.phoneWrap:before{ background:url(../images/iphone_frame.png) no-repeat left top; width:400px; height:99px; position:absolute; top:-99px; content:"";left:0; right:0;}
.phoneWrap:after{ background:url(../images/iphone_frame.png) no-repeat left bottom; width:400px; height:112px; position:absolute; bottom:-112px; left:0; right:0; content:"";}